/* css初始化 */
/* 清除元素默认的内外边距 */
*{
    margin: 0;
    padding: 0;
}
/* 清除列表样式 */
li{
    list-style: none;
}
/* 版心 1200 水平居中 */
.w{
    width: 1200px;
    height: 100%;
    background-color: white;
    margin: auto;
}
/* header start */
.top {
    height: 814px;
    /* width: 100%; */
    width: 1920px;
    margin: auto;
    background: url(images/background_03.png);
}
.topmask{
    position: absolute;
    background-color:rgba(0, 0, 0, 0.2);
    width: 1920px;
    height: 814px;
}
.top_title{
    height: 98px;
    background-color: transparent;
    display: flex;
    justify-content: space-around;
}
.top_title div{
    font-size: 22px;
    color: #ffffff;
    width: 174px;
    height: 100%;
    background-color: transparent;
    line-height: 98px;
    text-align: center;
}
#top_box{
    width: 230px;
    background:url(images/topbox_03.png)
}

.top_word
{
    height: 232px;
    background-color: transparent;
    margin-top: 228px;
    text-align: center;
}
.the{
    font:normal  80px "Segoe Script";
    color: #d2d2d2;
}
.best{
    font: normal 80px "Britannic Bold";
    color: #d2d2d2;
}
.pen {
    font: normal 80px "Segoe Script";
    color: #d2d2d2;
}
.is{
    font: normal 80px "Segoe Script";
    color: #d2d2d2;
}
.just{
    font: normal 80px "Segoe Script";
    color: #d2d2d2;
}
.lamy{
font: normal 80px "Copperplate Gothic ...";
color: #d2d2d2;
}
.detail{
    height: 450px;
    width: 100%;
    background-color: #eae7e8;
    border-top:1px solid transparent;
}
.det_wel {
    width: 1149px;
    height: 506px;
    margin: auto;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}

.det_kinds {
    width: 100%;
    height: 402px;
    background-color: #fff;
}


.det_kinds_title{
    font:normal 40px "Britannic Bold";
    text-align: center;
    background-color: #ffffff;
}

.button {
    width: 240px;
    height: 64px;
    background-color: aquamarine;
    margin: 60px auto 0px;
}
.button .btn{
    width: 240px;
    height: 64px;
    color: #2b2b2b;
    font-size: 25px;
}


.det_wel_img {
    width: 409px;
    height: 100%;
    background: url(images/det_wel_img_07.png);
}

.det_wel_word {
    width: 660px;
    height: 348px;
    background-color: #ffffff;
}


.det_wel_video {
    width: 365px;
    height: 240px;
    position: absolute;
    background-color: rgba(239, 77, 130, 0.78);
    left: 117px;
    top: 330px;
}
.bottom{
    width: 60px;
    height: 60px;
    margin: 72px 153px;
}
.bottom input{
    width: 60px;
    height: 60px;

}
.welcome{
    font:normal 60px "Britannic Bold";
}
.gg{
    width: 600px;
    /* background-color: red; */
    font: normal 30px "宋体";
}
.det_kinds_word{
    
    width: 1200px;
    margin: auto;
    margin-top: 50px;
    background-color: blueviolet;
}
.det_kinds_word li {
    float: left;
    /* display: inline-block; */
    /* width: 387px; */
    width: 400px;
    height: 250px;
    /* margin-left: 1px; */
    
    /* height: 267px; */
    /* margin: auto; */
    background-color:;
    font: normal 20px "微软雅黑";
    /* text-align: center; */
}
.bac{
    width: 100%;
    height: 387px;
    background-color: #dad8d9;
}
.pen1 img{
    margin-top: 50px;
}
.pen1 {
    height: 220px;
    width: 1200px;
    background-color: #e5e5e5;
    margin: 0 auto;
}
.pen2{
    height: 160px;
    width: 1200px;
    background-color: #e7e7e7;
    margin: 0 auto;
}

.pur_card {
    width: 100%;
    height: 370px;
    background-color: #6f6d6d;
    margin: 60px auto;
}

.form{
    font: normal 20px "Segoe Print";
    text-align: center;
    color: #fff;
}
.zi{
    font: normal 20px "Segoe Print";
    text-align: center;
    color: #fff;
}

.pur_showimg {
    width: 883px;
    height: 650px;
    background-color: #ffffff;
    margin: 0 auto;
}

.pur_card_title {
    height: 102px;
    background-color: transparent;
}

.pur_card_box {
    width: 814px;
    height: 271px;
    background-color: #ffffff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .5);
}

.pur_card_box div {
    width: 73px;
    height: 73px;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 73px;
}
.pur_card_box p{
    font: normal 20px "Segoe Print";
    text-align: center;
}
.pur_showimg_title {
    height: 100px;
    background-color: #ffffff;
}
.pur_showimg_title p{
    font: normal 20px "Segoe Print";
    text-align: center;
}

.pur_showimg_box {
    width: 881px;
    height: 546px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
}

.pur_showimg_cloum {
    width: 250px;
    height: 545px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#pur_img1 {
    height: 221px;
    background-color: #ffffff;
}

#pur_img2 {
    height: 299px;
    background-color: #ffffff;
}

#pur_img3 {
    height: 365px;
    background-color: #ffffff;
}

#pur_img4 {
    height: 170px;
    background-color: #ffffff;
}

#pur_img5 {
    height: 221px;
    background-color: #ffffff;
}

#pur_img6 {
    height: 299px;
    background-color: #ffffff;
}

.recommend {
    width: 100%;
    height: 338px;
    background-color: #53524f;
}
.last{
    width: 100%;
    height: 312px;
    background-color: #ffffff;
}
.di{
    position: relative;
    /* background-color: aqua; */
}
.dizhong{
    position: absolute;
    left: 50%;
    margin-left: -437px;
    top: 87px;
    height: 437px;
    width: 874px;
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
}
.dizl{
    float: left;
    width: 400px;
    height: 100%;
    background-color: #fff;
}
.dizr{
    float: left;
    width: 474px;
    height: 100%;
    background-color: #fff;
}
.dizl li{
    width: 374px;
    height: 117px;
    background-color: brown;
    margin: 16px;
}
.dizr li{
    width: 374px;
    height: 117px;
    background-color: transparent;
    margin: 26px;
    font: italic bold 17px "Britannic Bold";
    
}
.lastbut{
    position: relative;
    /* margin: auto; */

    top: 220px;
    left: 50%;
    margin-left: -120px;
    width: 240px;
    height: 64px;
    color: #2b2b2b;
    font-size: 25px;
}
.kx{
    position: relative;
    background: url(images/bci_03.png);

    height: 979px;
    /* width: 100%; */
    width: 1920px;
    margin: auto;
}
.kxtxt{
    
    position: absolute;
    top: 217px;
    left: 50%;
    margin-left: -260px;
    
    font: normal bold 70px "Britannic Bold";
    text-align: center;
    color: #b9b8b8;
}
.kxtxtl{
    color: #000;
    font: normal bold 20px "Britannic Bold";
}
.kxtxtr{
    color: #000;
    font: normal bold 20px "Britannic Bold";
}
.hkx{
    background-color: #535353;
    width: 100%;
    height: 30px;
    font: normal  17px "宋体";
    text-align: center;
}